<!DOCTYPE html>
<html>
    <head>
        <title>Man&Uuml;</title>
        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
        <link title="default" rel="stylesheet" href="Estilos/css/bootstrap.css" type="text/css" />
        <script src="Estilos/js/jquery.js"></script>
        <script src="Estilos/js/bootstrap.js"></script>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <style>
            body{
                background: url('img/bg.png') repeat-x;
                margin: 20px 0 0 0;
            }
        </style>
    </head>
    <body>
        <div class="container-fluid">
            <div class="row-fluid">
                <div class="span4">
                    <div class="hero-unit">
                        <h1>Man&uuml;</h1>
                        <h3>Organiza tus proyectos de forma sencilla en linea</h3>
                	<br/>
	            	<form action="ServletLogin" method="POST">
                            Correo:<br/>
                            <input name="username" type="text" placeholder="manu@ejemplo.com">
                            <br/>
                            Contrase&ntilde;a:<br/>
                            <input name="password" type="password" placeholder="Contrase&ntilde;a">
                            <p>
                                <input name="btnInciarSesion" class="btn btn-warning " type="submit" value="Iniciar Sesion" />
                            </p>
                        </form>
                        <form action="registro.jsp">
                            ¿A&uacute;n no eres usuario? <input class="btn btn-info " type="submit" value="Registrate" />
                        </form>
                    </div>
                </div>
                <div class="span8">
                    <div class="hero-unit">
                        <div id="myCarousel" class="carousel slide">
                            <div class="carousel-inner">
                            <div class="item active">
                                <img src="img/1.png" alt="">
                                <div class="carousel-caption">
                                <h4>Gestiona tus Proyectos</h4>
                                <p>Man&uuml; te proporciona todas las herramientas para que lleves a cabo tus proyectos, te desliga de un programa que unicamente est&aacute; en tu computadora personal.</p>
                                </div>
                            </div>
                            <div class="item">
                                <img src="img/2.png" alt="">
                                <div class="carousel-caption">
                                    <h4>Integraci&oacute;n Total</h4>
                                    <p>Man&uuml; puede ser usado en cualquier lugar y en cualquier momento, desde tu computadora personal, tablet, smartphone o cualquier otro dispositivo con conexi&oacute;n a internet.</p>
                                </div>
                            </div>
                            <div class="item">
                                <img src="img/3.png" alt="">
                                <div class="carousel-caption">
                                <h4>No estas solo</h4>
                                <p>Man&uuml; te ofrece la oportunidad de trabajar con tu equipo en un ambiente colaborativo. Puedes delegarles tareas o enviarles mensajes. No trend&aacute;s que llenar tediosos documentos con los avances del trabajo, ellos lo har&aacute;n por ti.</p>
                                </div>
                            </div>
                            </div>
                            <a class="left carousel-control" href="#myCarousel" data-slide="prev">&lsaquo;</a>
                            <a class="right carousel-control" href="#myCarousel" data-slide="next">&rsaquo;</a>
                        </div>
                        <script>
                            $('.carousel').carousel({ interval: 3500});
                        </script>
                    </div>
                </div>
            </div>
        </div>
    </body>
</html>
